<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <base href="<%=basePath%>">
    
    <title>用能计划</title>
    
	<meta http-equiv="pragma" content="no-cache">
	<meta http-equiv="cache-control" content="no-cache">
	<meta http-equiv="expires" content="0">    
	<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
	<meta http-equiv="description" content="This is my page">
	
	<link rel="stylesheet" href="common/css/style.css" type="text/css"></link>
	
	<script src="common/js/jquery-1.5.2.min.js"></script>
	<script src="common/js/common.js"></script>
	<script src="common/plugin/My97DatePicker/WdatePicker.js"></script>
	
  </head>
  
  <body>
  	<table align="center">
  		<tr>
  			<td><jsp:include page="head.jsp"></jsp:include></td>
  		</tr>
    	<tr>
    		<td>
	    		<span id="powerBtn" onclick="javascript:cutover('power','千瓦时');">
	    			用电量&nbsp;&nbsp;
	    		</span>
	    		<span id="waterBtn" onclick="javascript:cutover('water','立方米');">
	    			用水量
	    		</span>
	    	</td>
    	</tr>
    	<tr>
    		<td>
				<form id="assessForm" action="" method="post">
					<table class="t_table">
						<tr>
							<td>
								用能提示：
							</td> 
						</tr>
						<tr>
							<td colspan="2">
								<div id="uetip" class="borderlines" style="width:300px;">
								<!-- 根据showtype的值获得相应类别的提示内容 （foreach循环数组或集合） -->
									XX部门 1月份 用电量  过快	<br />
									XX部门 5月份 用电量  过快	<br />
								</div>
							</td>
						</tr>
						<tr> <td colspan="2"> <br /> </td> </tr>
						<tr>
							<td width="100px;">
								选择月份：
							</td> 
							<td>
								<input id="month" name="month" class="Wdate" onfocus="WdatePicker({dateFmt:'yyyy年M月'})"/>
							</td> 
						</tr>
						<tr>
							<td colspan="2">
								<table width="100%" class="table">
									<tr>
										<td>部门名称</td>
										<td>计划量(<span class="dw">千瓦时</span>)</td>
										<td>实际量(<span class="dw">千瓦时</span>)</td>
										<td>偏差量(<span class="dw">千瓦时</span>)</td>
										<td>偏差比例</td>
									</tr>
									<tr>
										<td>部门A</td>
										<td>12345</td>
										<td>12340</td>
										<td>5</td>
										<td>0.05%</td>
									</tr>
									<tr>
										<td>部门B</td>
										<td>12345</td>
										<td>12330</td>
										<td>15</td>
										<td>0.01%</td>
									</tr>
								</table>
							</td> 
						</tr>
						<tr> <td colspan="2"> <br /> </td> </tr>
						<tr>
							<td>
								选择部门：
							</td> 
							<td>
								<select id="department" name="department">
								  <option value="部门A">部门A</option>
								  <option value="部门B">部门B</option>
								</select>
							</td> 
						</tr>
						<tr>
							<td colspan="2">
								<table width="100%" class="table">
									<tr>
										<td>表计名称</td>
										<td>计划量(<span class="dw">千瓦时</span>)</td>
										<td>实际量(<span class="dw">千瓦时</span>)</td> 
										<td>偏差量(<span class="dw">千瓦时</span>)</td>
										<td>偏差比例</td>
									</tr>
									<tr>
										<td>XXXX</td>
										<td>12345</td>
										<td>12340</td>
										<td>5</td>
										<td>0.05%</td>
									</tr>
									<tr>
										<td>YYYY</td>
										<td>12345</td>
										<td>12330</td>
										<td>15</td>
										<td>0.01%</td>
									</tr>
								</table>
							</td>
						</tr>
					</table>
					<input type="hidden" id="showtype" name="showtype" value="power"/>
				</form>
    		</td>
    	</tr>
	</table>
  </body>
</html>
